@charset "utf-8";

/* CSS Document */

#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}
#topnav {
  background-color: black;
  overflow: hidden;
}
#topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  border-bottom: 3px solid transparent;
}

.header {text-align: center}
#topnav a:hover {
  border-bottom: 3px solid red;
}

#topnav a.active {
  border-bottom: 3px solid red;
}
.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: Black;
	color: white;
	text-align: center;
}
#topnav ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.topnav li{
	float:left;
	margin-left: 9px;
	padding-top:2px;
	padding-botton:2px;
	border:solid;
	width:37px;
	height:20px;
	text-align: center;
	font-family: serif;
	fontsize: 15px;
}
body {
	background-color: white;
}
div.scroll-container {
	background-colour: white;
	overflow: auto;
	white-space: nowrap;
	padding: 10px;
}
div.scroll-container img {
	padding: 10px;
}

input[type=text] {
width: 200px;
padding: 12px;
border: 1px solid black;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical
}

input[type=select] {
width: 200px;
padding: 12px;
border: 1px solid black;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical
}

input[type=textarea] {
width: 200px;
padding: 12px;
border: 1px solid black;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical
}

input[type=submit] {
	background-colour: #04AA6D;
	colour: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

input[type=submit]:hover {
	background-colour: #45a049;
}

.container {
	border-radius: 5px;
	background-colour: #f2f2f2;
	padding: 20px;
}

.header {
	text-decoration-line: underline;
	text-decoration-style: solid;
}